{% extends 'content_base.html' %}

{% block body_parameters %} ex:ondataload="onDataLoad" {% endblock %} 


{% block preJQuery %}
<link rel='stylesheet' href='/media/top_button.css' type='text/css' />
<link type="text/css" href="/media/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<link rel="exhibit/data" 
       type="application/jsonp"
       href="https://spreadsheets0.google.com/feeds/list/0AnEtH40HxJqMdER4TnU1SjUxM3RxS0IzbjVka3JKTXc/od6/public/basic?alt=json-in-script"
       ex:converter="googleSpreadsheets" />
<script src="http://api.simile-widgets.org/exhibit/2.2.0/exhibit-api.js" type="text/javascript"></script>
{% endblock %}

{% block postJQuery %}
<!-- the mousewheel plugin - optional to provide mousewheel support -->
<script type="text/javascript" src="/media/js/jquery-jscrollpane/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="/media/js/jquery-jscrollpane/jquery.jscrollpane.min.js"></script>
{% endblock %}

{% block scriptJS %}
<script type="text/javascript">	
	
function refresh() {
	$("article[className='hentry']").addClass("hentry");
	$("div[className='entry-title']").addClass("entry-title");
	$("div[className='entry-subtitle']").addClass("entry-subtitle");
	$("div[className='item-header']").addClass("item-header");
	$("div[className='content']").addClass("content");
	$("div[className='entry-content']").addClass("entry-content");
	$("div[className='project-lastLine']").addClass("project-lastLine");
	$("footer[className='post-info']").addClass("post-info");
	
	
	$('.linies .content').jScrollPane({showArrows: true,arrowScrollOnHover: true});
	$('.exhibit-facet-body').jScrollPane({showArrows: true,arrowScrollOnHover: true});
};

function onDataLoad() {
	window.exhibit = Exhibit.create();
    window.exhibit.configureFromDOM();
	
	var _historyListener = {
        //onBeforePerform:       - function(action) { alert('beforePerform') },
        onAfterPerform: function(action) { refresh() },
    };
	window.simile = SimileAjax;
    window.simile.History.addListener(_historyListener); 
	refresh();	
}
</script>

<style type="text/css">
.linies .hentry header{
	height: 80px;
}

.linies .hentry footer {
	height: 30px;
}

</style>
{% endblock %}


{% block top_nav %}
<div class="container_24">
	<div class="facets grid_20">
		<div class="grid_9">
			<div ex:role="facet" ex:expression=".label" ex:facetLabel="Línies" ex:height="100px" ex:scroll="true"></div>
		</div>
		<div class="grid_9 prefix_1">
			<div ex:role="facet" ex:facetClass="Cloud" ex:expression=".tags" ex:facetLabel="Paraules claus" ex:height="50px" ></div>
		</div>
	</div>
    <a class="awesome" style="float:right;" href="/home">
        <div class="top_nav_button">
            <img height="64" width="64" src="/media/pics/home64.png"><span>Inici</span>
        </div>
    </a>
    <div class="clear">
    </div>
</div>
{% endblock %}

{% block content_base %}
<div class="container_24 linies">
	<div class="grid_24">
	    <div class="linies" style="display:none;" ex:role="view" ex:showToolbox="false" ex:viewClass="Thumbnail" ex:showHeader="false">
 			<div ex:role="lens" >
					<article class="hentry">
						<header>
							<div class="entry-title">
								<a class="item-header" ><span ex:content=".label"></span></a>
							</div>
						</header>
						<div class="content">
							<div class="entry-content">
								<p><span ex:content=".descripcio"></span></p>
							</div>
						</div>
						<footer class="post-info">
							<span ex:content=".tags"></span>
						</footer>
					</article>
			</div>
 		</div>
	</div>
	<div class="paragraph prefix_3 grid_18 suffix_3">	
		<p>
		Si sou un grup de recerca o una organització i esteu interessats en contactar amb nosaltres per a fer col.laboracions, no dubteu d'omplir el formulari següent i
		ens posarem en contacte amb vosaltres.
		</p>
		<p>
			{% include "contact/contact_form.html"%}
		</p>
	</div>
	<div class="clear:both"></div>
</div>
{% endblock %}